	page{
		background-image: linear-gradient(#b8f4e5, #f0f7f9 );
		    background-image: linear-gradient(to bottom, #be8ff0, #e9d2fa);
	}
	.archives{
		overflow:hidden;
		.header-bg{
			.h-me{
				width:690rpx;
				height:900rpx;
				margin:30rpx auto;
				border-radius: 50rpx;
				background-color: #fff;
				.wx-code{
					display:block;
					width:450rpx;
					height:450rpx;
					margin:0 auto;
				}
				.bm-content{
					padding:50rpx 30rpx;
					height:630rpx;
				}
				.me-2{
					padding:30rpx;
					background-color: #e8faf6;
					// border-bottom-left-radius: 10rpx;
					// border-bottom-right-radius: 10rpx;
					font-size:24rpx;
					.b-text{
						color:#40c79f;
						margin-left:10rpx;
					}
					.xian{
						margin:0 20rpx;
					}
				}
				.me-1::before{
					content: '';
					
					width:40rpx;
					height:40rpx;
					background-color: #be8ff0;
					border-radius: 50%;
					position:absolute;
					left:-20rpx;
					bottom:-20rpx;
				}
				.me-1::after{
					content: '';
					
					width:40rpx;
					height:40rpx;
					background-color: #be8ff0;
					border-radius: 50%;
					position:absolute;
					right:-20rpx;
					bottom:-20rpx;
				}
				.me-1{
					padding:30rpx;
					background-color: #fff;
					border-top-left-radius: 50rpx;
					border-top-right-radius: 50rpx;
					position:relative;
					border-bottom:1rpx dashed #ccc;
					.left{
						.head{
							width:110rpx;
							height:110rpx;
							border-radius: 50%;
						}
					}
					.right{
						margin-left:20rpx;
						.hd{
							
						}
						.desc{
							font-size:24rpx;
							color:#888;
						}
					}
				}
			}
		}
		
	}